.main {
	.video-box {
		position: relative;
		width: 100%;
		height: 370px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		h4 {
			padding: 5px 10px;
			color: #fff;
			font-size: 26px;
		}
		.play-btn {
			display: flex;
			flex-direction: column;
			align-items: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #fff;
			span {
				margin-bottom: 12px;
				font-size: 30px;
			}
		}
	}
	.title {
		padding-top: 25px;
		padding-bottom: 15px;
		margin: 0 25px;
		border-bottom: 1px solid #aaa;
		h3 {
			margin-bottom: 10px;
		}
		.time-box {
			display: flex;
			justify-content: space-between;
			align-items: center;
			p {
				font-size: 26px;
				color: #000;
				flex: 1;
				i {
					font-size: 12px;
					color: #ccc;
				}
			}
			a {
				flex: 2;
				text-align: right;
				font-size: 12px;
			}
		}
	}
	.user {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 25px 25px 15px 25px;
		.boxs {
			display: flex;
			align-items: center;
			justify-content: space-between;
			.img-box {
				width: 80px;
				height: 80px;
				border-radius: 40px;
				border: 1px solid #ccc;
				margin-right: 15px;
			}
			.name {
				h4 {
					line-height: 28px;
				}
				p {
					font-size: 12px;
					color: #aaa;
				}
			}
			.btn {
				padding: 8px;
				color: #fff;
				background-color: #4294ff;
				border-radius: 20px;
			}
		}
	}
	.referral {
		width: 100%;
		padding: 0 25px 25px 25px;
		color: #aaa;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 20px;
		a {
			color: #000;
		}
		// .intro {
		// 	overflow: hidden;
		// 	text-overflow: ellipsis;
		// 	display: -webkit-box;
		// 	-webkit-line-clamp: 2; //想要的行数
		// 	-webkit-box-orient: vertical;
		// }
	}
	.hint {
		padding: 0px 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		div {
			padding: 0 30px;
			flex: 1;
			span {
				font-size: 22px;
				vertical-align: middle;
			}
			p {
				padding-top: 15px;
				color: #aaa;
				font-size: 12px;
			}
			&:nth-of-type(1) {
				border-right: 1px dashed #666;
			}
		}
	}
	.start {
		display: flex;
		padding: 25px;
		a {
			width: 100%;
			background-color: #4294ff;
			color: #fff;
			height: 55px;
			line-height: 55px;
			text-align: center;
			border-radius: 27px;
		}
	}
}
